home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / global / console / console.css < prev   
Cascading Style Sheet File  |  2010-02-08  |  8KB  |  312 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is mozilla.org code.
  15.  *
  16.  * The Initial Developer of the Original Code is
  17.  * Netscape Communications Corporation.
  18.  * Portions created by the Initial Developer are Copyright (C) 1998
  19.  * the Initial Developer. All Rights Reserved.
  20.  *
  21.  * Contributor(s):
  22.  *   Joe Hewitt <hewitt@netscape.com>
  23.  *
  24.  * Alternatively, the contents of this file may be used under the terms of
  25.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  26.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  27.  * in which case the provisions of the GPL or the LGPL are applicable instead
  28.  * of those above. If you wish to allow use of your version of this file only
  29.  * under the terms of either the GPL or the LGPL, and not to allow others to
  30.  * use your version of this file under the terms of the MPL, indicate your
  31.  * decision by deleting the provisions above and replace them with the notice
  32.  * and other provisions required by the GPL or the LGPL. If you do not delete
  33.  * the provisions above, a recipient may use your version of this file under
  34.  * the terms of any one of the MPL, the GPL or the LGPL.
  35.  *
  36.  * ***** END LICENSE BLOCK ***** */
  37.  
  38. /* ===== console.css ====================================================
  39.    == Styles used by the Error Console window.
  40.    ====================================================================== */
  41.  
  42. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  43.  
  44. .console-box {
  45.   background-color: #E3E2E1;
  46.   color: #000;
  47. }
  48.  
  49. /* ::::: console rows ::::: */
  50.  
  51. .console-row {
  52.   border: 2px solid !important;
  53. -moz-border-radius:5px;
  54. -moz-border-top-colors:#969595 #c1c0bf !important;
  55. -moz-border-bottom-colors:#d6d5d4 #e0dfde !important;
  56. -moz-border-left-colors:#bbbab9 #dcdbda !important;
  57. -moz-border-right-colors:#bcbbba #dcdbda !important;
  58. background-color: #fff;
  59. margin:5px;
  60. padding: 4px 0px;
  61. }
  62.  
  63. .console-row-icon {
  64.   padding: 4px;
  65.   -moz-padding-start: 5px;
  66.   -moz-box-align: start !important;
  67. }
  68.  
  69. .console-row-msg > label,
  70. .console-row-file > label:first-child {
  71.   display: none;
  72. }
  73.  
  74. .console-icon {
  75.   list-style-image: inherit;
  76. }
  77.  
  78. .console-error-msg {
  79.   margin-bottom: 2px;
  80. }
  81.  
  82. /* ..... error rows ..... */
  83.  
  84. .console-row-code {
  85.   padding-top: 3px;
  86.   padding-bottom: 3px;
  87.   -moz-padding-start: 3px;
  88.   -moz-padding-end: 0px;
  89.   color: #0000BB;
  90.   font-size: larger;
  91. }
  92.  
  93. .console-dots,
  94. .console-caret {
  95.   height: 9px;
  96. }
  97.  
  98. .console-dots {
  99.   background: url("chrome://global/skin/console/console-error-dash.gif") repeat-x top;
  100. }
  101.  
  102. .console-caret {
  103.   width: 7px;
  104.   background: url("chrome://global/skin/console/console-error-caret.png") no-repeat top;
  105. }
  106.  
  107. /* ..... message rows ..... */
  108.  
  109. .console-row[type="message"] {
  110.   font-family: monospace;
  111. }
  112.  
  113. /* ..... selected state ..... */
  114.  
  115. .console-row[selected="true"] {
  116. background-color: #dcebfa; 
  117. color: #000000;
  118. border:2px solid;
  119. -moz-border-top-colors:#cce1f6 #e7f3fe;
  120. -moz-border-bottom-colors:#cadef2 #e3eef8;
  121. -moz-border-right-colors:#cadff3 #e3effa;
  122. -moz-border-left-colors:#cadff3 #e3eff9;
  123. -moz-border-radius:5px;
  124. }
  125.  
  126. .console-row-code[selected="true"],
  127. .console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link {
  128.   color: inherit !important;
  129. }
  130.  
  131. /* ::::: icons ::::: */
  132.  
  133. .console-row[type="error"],
  134. .console-row[type="exception"] {
  135.   list-style-image: url("chrome://global/skin/console/bullet-error.png");
  136. }
  137.  
  138. .console-row[type="error"] .console-row-msg,
  139. .console-row[type="exception"] .console-row-msg {
  140.   font-weight: bold;
  141. }
  142.  
  143. .console-row[type="warning"] {
  144.   list-style-image: url("chrome://global/skin/console/bullet-warning.png");
  145. }
  146.  
  147. .console-row[type="message"] {
  148.   list-style-image: url("chrome://global/skin/console/bullet-question.png");
  149. }
  150.  
  151. /* ::::: toolbars ::::: */
  152.  
  153. #TextboxEval {
  154.   margin: 2px !important;
  155. }
  156.  
  157. #ButtonEval {
  158.   margin-top: 2px !important;
  159.   margin-bottom: 2px !important;
  160.   -moz-margin-start: 0px !important;
  161.   -moz-margin-end: 2px !important;
  162. border:3px solid transparent;
  163. }
  164.  
  165. #ButtonEval:hover {
  166. border:3px solid;
  167. -moz-border-top-colors:#d9dde1 #80a7d3 #d2d9e1;
  168. -moz-border-bottom-colors:#d9dde1 #80a7d3 #d2d9e1;
  169. -moz-border-right-colors:#d9dde1 #80a7d3 #d2d9e1;
  170. -moz-border-left-colors:#d9dde1 #80a7d3 #d2d9e1;
  171. -moz-border-radius: 4px;
  172. }
  173.  
  174. #ButtonEval:hover:active {
  175. border:3px solid;
  176. -moz-border-top-colors:#999897 #c3c2c2 #e0dfde;
  177. -moz-border-bottom-colors:#d8d7d6 #e2e1e0 #e2e1e0;
  178. -moz-border-right-colors:#bdbdbc #dedddc #e2e1e0;
  179. -moz-border-left-colors:#bcbcbb #dedddc #e2e1e0;
  180. background:none !important;
  181. -moz-border-radius: 4px;
  182. }
  183.  
  184. toolbarseparator {
  185. display:none;
  186.   min-height: 1em;
  187. }
  188.  
  189. /* Toolbar icons */
  190.  
  191. #ToolbarMode toolbarbutton {
  192.   min-width: 57px;
  193.   padding: 4px !important;
  194. /* margin:5px; */
  195. border:2px solid transparent;
  196.  
  197. }
  198.  
  199. #ToolbarMode toolbarbutton:hover {
  200. background: Transparent url("chrome://browser/skin/preferences/hover.png") center center !important;
  201. color: #000000;
  202. border:2px solid;
  203. -moz-border-top-colors:#cce1f6 #e7f3fe;
  204. -moz-border-bottom-colors:#cadef2 #e3eef8;
  205. -moz-border-right-colors:#cadff3 #e3effa;
  206. -moz-border-left-colors:#cadff3 #e3eff9;
  207. -moz-border-radius:2px;
  208. }
  209.  
  210. #ToolbarMode toolbarbutton:hover:active {
  211.  background: Transparent url("chrome://browser/skin/preferences/select.png") center center !important;
  212. color: #ffffff;
  213. border:2px solid;
  214. -moz-border-top-colors:#418bd4 #89c5fe;
  215. -moz-border-bottom-colors:#418bd4 #71a8df;
  216. -moz-border-right-colors:#418bd4 #77b0e7;
  217. -moz-border-left-colors:#418bd4 #77afe6;
  218. -moz-border-radius:2px;
  219. }
  220.  
  221. #ToolbarMode toolbarbutton[checked="true"] {
  222.  background: Transparent url("chrome://browser/skin/preferences/select.png") center center !important;
  223. color: #ffffff;
  224. border:2px solid;
  225. -moz-border-top-colors:#418bd4 #89c5fe;
  226. -moz-border-bottom-colors:#418bd4 #71a8df;
  227. -moz-border-right-colors:#418bd4 #77b0e7;
  228. -moz-border-left-colors:#418bd4 #77afe6;
  229. -moz-border-radius:2px;
  230. }
  231.  
  232. toolbar#ToolbarMode toolbarbutton:active,
  233. toolbar#ToolbarMode toolbarbutton[checked="true"] {
  234.   padding: 0px !important;
  235. /*   -moz-padding-end: 3px !important; */
  236. }
  237.  
  238.  
  239. toolbar#ToolbarMode toolbarbutton {
  240.   list-style-image: url("chrome://global/skin/console/console-toolbar.png");
  241.   -moz-box-orient: horizontal;
  242.   padding: 0px !important;
  243. }
  244.  
  245. #Console\:modeAll,
  246. #Console\:modeAll:hover,
  247. #Console\:modeAll[checked="true"] {
  248. -moz-image-region: rect(0px 24px 24px 0px);
  249. }
  250. #Console\:modeErrors,
  251. #Console\:modeErrors:hover,
  252. #Console\:modeErrors[checked="true"] {
  253. -moz-image-region: rect(0px 96px 24px 72px);
  254. }
  255. #Console\:modeWarnings,
  256. #Console\:modeWarnings:hover,
  257. #Console\:modeWarnings[checked="true"] {
  258. -moz-image-region: rect(0px 72px 24px 48px);
  259. }
  260. #Console\:modeMessages,
  261. #Console\:modeMessages:hover,
  262. #Console\:modeMessages[checked="true"] {
  263. -moz-image-region: rect(0px 48px 24px 24px);
  264. }
  265. #Console\:clear,
  266. #Console\:clear:hover,
  267. #Console\:clear[checked="true"] {
  268. -moz-image-region: rect(0px 120px 24px 96px);
  269. }
  270.  
  271. toolbar#ToolbarMode .toolbarbutton-icon {
  272.   padding: 2px 5px !important;
  273. }
  274.  
  275. toolbar#ToolbarMode .toolbarbutton-text {
  276.  -moz-padding-start: 5px; 
  277.   -moz-padding-end: 15px;
  278. }
  279.  
  280. /* ::::: Fix Error Console toolbar button text spacing ::::: */
  281.  
  282. .toolbarbutton-text {
  283.   -moz-padding-start: 15px;
  284.   -moz-padding-end: 15px;
  285. }
  286.  
  287. #ToolbarMode {
  288.   -moz-appearance: none;
  289. border: 2px solid !important;
  290. -moz-border-radius: 5px;
  291. -moz-border-top-colors:#969595 #c1c0bf !important;
  292. -moz-border-bottom-colors:#d6d5d4 #e0dfde !important;
  293. -moz-border-left-colors:#bbbab9 #dcdbda !important;
  294. -moz-border-right-colors:#bcbbba #dcdbda !important;
  295. margin: 10px;
  296. background-color: #ffffff;
  297. color: #000;
  298. padding:0 !important;
  299. }
  300.  
  301. #ToolbarMode:focus {
  302. -moz-border-top-colors:#2f75c5 #789bc3 !important;
  303. -moz-border-bottom-colors:#3278c7 #88abd3 !important;
  304. -moz-border-left-colors:#3177c6 #86a8d1 !important;
  305. -moz-border-right-colors:#3278c7 #86a8d1 !important;
  306. }
  307.  
  308. #ToolbarEval {
  309.   -moz-appearance: none;
  310. background-color:#E6E6E6;
  311. }
  312.